<template>
  <div>
    <h1 ref="h1Ref">h1</h1>
  </div>
</template>

<script>
import { ref, onMounted } from "@vue/composition-api";

export default {
  setup(props, ctx) {
    const h1Ref = ref(null);

    onMounted(() => {
      console.log("h1Ref.value:", h1Ref.value); // h1Ref.value: <h1 data-v-636fdb7a>​h1​</h1>​
    });

    return {
      h1Ref
    };
  }
};
</script>

<style lang="scss" scoped></style>
